/*
    应用构造函数创建一个自定义对象，通过自定义对象生成指定行数、列数、宽度和高度的表格。
    
    步骤：
    1. 定义构造函数Table()，首先在函数中应用this关键字初始化对象中的属性
    2. 创建不同的对象实例并调用对象中方法生成表格。
    提示：
    1. 生成表格时使用 document.write() 可以向页面输出内容

*/

function Table(rows, cols, width, height) {
    this.rows = rows || 1;
    this.cols = cols || 1;
    this.width = width || 300;
    this.height = height || 300;

    this.create = () => {
        let html = `<table width="${this.width}px" height="${this.height}px" border=1>`;
        for (let r = 0; r < this.rows; r++) {
            html += "<tr>";
            for (let c = 0; c < this.cols; c++) {
                html += `<td>${r + 1} - ${c + 1}</td>`;
            }

            html += "</tr>";
        }

        html += "</table>";
        document.write(html);
    }
}

new Table(3, 4, 500, 300).create();